<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link href="${pageContext.request.contextPath}/css/index.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/css/menu.css" rel="stylesheet" media="screen" type="text/css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.0.min.js"></script>
<style type="text/css">
#areaContainer {

}
.dv{
	background-color:rgb(229, 240, 251); 
	display:none;
	width: 1000px;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left:0px;
	margin-top: 5px;
}
.dv > a{
	float: left;
	border: none;
	color: black;
	line-height: 28px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	width: 110px;
	margin: 0px;
	font-weight: normal;
	font-size: 12px;
}
.dv > a:hover{
	border-bottom: 2px solid #a60000;
	color: #ff0000;
}
.dv > span{
	float: left;
	line-height: 28px;
	font-weight: normal;
	font-size: 10px;
}
</style>
</head>
<body>
<div class="top_content">
	<div class="top_picImg"></div>
    <div class="top_menu" style="position: relative;">
        <div class="top_menu_indent">
<script type="text/javascript">
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
var t = 0;
var li;
function jsddm_open(){
	jsddm_canceltimer();
    jsddm_close();
    ddmenuitem = jQuery(this).find('ul').eq(0).css('visibility', 'visible');
    li = jQuery(this).addClass('menu_hov');
}
function jsddm_close(){
    if(ddmenuitem){
    	ddmenuitem.css('visibility', 'hidden');
    	li.removeClass('menu_hov');
    }
}
function jsddm_timer(){	
    closetimer = window.setTimeout(jsddm_close, timeout);
}
function jsddm_canceltimer(){
    if(closetimer){
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}
function changeCode(){
	//jQuery('#distCode').slideDown('fast');
}
jQuery(function(){	
	t = window.setTimeout(function(){
		jQuery('#jsddm > li').bind('mouseover', jsddm_open);
		jQuery('#jsddm > li').bind('mouseout',  jsddm_timer);
	}, 150);
	
});
/*
jQuery(function(){
	t = window.setTimeout(function(){
	    jQuery('#exArea').mouseover(function(){
			if(t) 
				window.clearTimeout(t);
	   		jQuery('#distCode').show();
	   	}).mouseout(function(){
	   		t = window.setTimeout(function(){
	   			jQuery('#distCode').hide();
	   	   	}, 500);
	   	});
	}, 500);
});
*/
document.onclick = jsddm_close;
function ev_search(){
	document.all.searchTitle.action="${pageContext.request.contextPath}/searchTitle.do";
	document.all.searchTitle.submit();
}

</script>

        <ul id="jsddm">
            <li><a href="${pageContext.request.contextPath}/">首页</a>
            </li>
<%--             <li><img src="${pageContext.request.contextPath }/images/menu_1.gif"/></li> --%>
            <li><a href="javascript:;">关于家酒</a>
               
            </li>
<%--             <li><img src="${pageContext.request.contextPath }/images/menu_1.gif"/></li> --%>
            <li><a href="javascript:;">家酒新闻</a>
                
            </li>
<%--             <li><img src="${pageContext.request.contextPath }/images/menu_1.gif"/></li> --%>
            <li><a href="javascript:;">家酒产品</a>
                
            </li>
<%--             <li><img src="${pageContext.request.contextPath }/images/menu_1.gif"/></li> --%>
            <li><a href="javascript:;">招商加盟</a>
                
            </li>
<%--             <li><img src="${pageContext.request.contextPath }/images/menu_1.gif"/></li> --%>
            <li><a href="javascript:;">会员专区</a>
               
            </li>
<%--             <li><img src="${pageContext.request.contextPath }/images/menu_1.gif"/></li> --%>
            <li><a href="javascript:;">客户留言</a>
               
            </li>
<%--             <li><img src="${pageContext.request.contextPath }/images/menu_1.gif"/></li> --%>
            <li><a href="javascript:;">联系我们</a>
                
            </li>
        </ul>
        </div>
    </div>
    
    
</div>
</body>
</html>